<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .card {
            width: 611px;
            height: 376px;
            background-color: yellow;
            /*让父元素卡片形成结界,子元素加外间距也不会超出父元素的范围*/
            overflow: hidden;
        }
        .card>.text {
            width: 245px;
            height: 232px;
            background-color: pink;
            /*给元素加上外间距,由于元素本身在左上角,加了间距就会向下移动*/
            margin-top: 68px;
            /*给元素加左外间距,由于元素本身在最左边,加了间距就会向右移动*/
            margin-left: 36px;
        }
    </style>
</head>
<body>
    <div class="card">
        <div class="text"></div>
    </div>
</body>
</html>